<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ScrollTrigger Image Zoom</title>
		<link rel="stylesheet" href="./ScrollTriggerImage.css"/>
	</head>
	<body>
		<div class="wrapper">
		  <div class="content">
		    <section class="section hero"></section>
		    <section class="section gradient-purple"></section>
		    <section class="section gradient-blue"></section>
		  </div>
		  <div class="image-container">
		    <img src="https://assets-global.website-files.com/63ec206c5542613e2e5aa784/643312a6bc4ac122fc4e3afa_main%20home.webp" alt="image">
		  </div>
		</div>
		<script src="https://unpkg.com/gsap@3/dist/gsap.min.js"></script>
		<script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script>
		<script src="./ScrollTriggerImage.js"></script>
	</body>
</html>